////////////////////////////////////////////////
// COSMO
////////////////////////////////////////////////
$grey-darker: #333;
$black-ter: #222;

$orange:       #FF7518;
$yellow:       #f4db00;
$green:        #3FB618;
$turquoise:    #00ABA9;
$blue:         #1FAEFF;
$purple:       #AA40FF;
$red:          #FF2E12;

$primary: #2780E3 !default;
$primary-dark: darken(#2780E3, 20);
$warning: $orange;
$info: $purple;

$orange-invert: #fff;
$warning-invert: $orange-invert;

$family-sans-serif: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;

$body-size: 15px;

$radius: 0;
$radius-small: 0;
$radius-large: 0;

$link-hover: $primary-dark;
$link-focus: $primary-dark;
$link-active: $primary-dark;

$button-hover-color: $grey-darker;
$button-focus: $black-ter;
$button-active-color: $black-ter;
